{#
  This Source Code Form is subject to the terms of the Mozilla Public
  License, v. 2.0. If a copy of the MPL was not distributed with this
  file, You can obtain one at https://mozilla.org/MPL/2.0/.
 #}

 {% set utm_params = 'utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=nav&utm_content=about-us' %}

 <li class="m24-c-menu-category mzp-has-drop-down mzp-js-expandable">
   <a class="m24-c-menu-title" href="{{ url('mozorg.about.index') }}" aria-haspopup="true" aria-controls="m24-c-menu-panel-about" data-testid="m24-navigation-link-about-us">{{ ftl('navigation-refresh-about-us') }}</a>
   <div class="m24-c-menu-panel" id="m24-c-menu-panel-about" data-testid="m24-navigation-menu-about-us">
     <div class="m24-c-menu-panel-container">
       <button class="m24-c-menu-button-close" type="button" aria-controls="m24-c-menu-panel-about">{{ ftl('navigation-refresh-close-about-us-menu') }}</button>
       <div class="m24-c-menu-panel-content multi-column">
        <div class="m24-mzp-l-content-container">
          <p>{{ ftl('navigation-refresh-our-mission') }}</p>
          <ul class="m24-mzp-l-content">
            <li>
              <section class="m24-c-menu-item">
                <a class="m24-c-menu-item-link" href="{{ url('mozorg.about.index') }}" data-link-text="About Mozilla" data-link-position="topnav - about">
                  <h2 class="m24-c-menu-item-title">{{ ftl('navigation-refresh-about-mozilla') }}</h2>
                </a>
              </section>
            </li>
            <li>
              <section class="m24-c-menu-item">
                <a class="m24-c-menu-item-link" href="{{ url('mozorg.about.manifesto') }}" data-link-text="The Mozilla manifesto" data-link-position="topnav - about">
                  <h2 class="m24-c-menu-item-title">{{ ftl('navigation-refresh-mozilla-manifesto-v2', fallback='navigation-refresh-mozilla-manifesto') }}</h2>
                </a>
              </section>
            </li>
            <li>
              <section class="m24-c-menu-item">
                <a class="m24-c-menu-item-link" href="{{ url('mozorg.contribute') }}" data-link-text="Get Involved" data-link-position="topnav - about">
                  <h2 class="m24-c-menu-item-title">{{ ftl('navigation-refresh-get-involved-v2', fallback='navigation-refresh-get-involved') }}</h2>
                </a>
              </section>
            </li>
            <li>
              <section class="m24-c-menu-item">
                <a class="m24-c-menu-item-link" href="https://blog.mozilla.org/?{{ utm_params }}" data-link-text="Blog" data-link-position="topnav - about">
                  <h2 class="m24-c-menu-item-title">{{ ftl('navigation-refresh-blog') }}</h2>
                </a>
              </section>
            </li>
           </ul>
        </div>
        <div class="m24-mzp-l-content-container">
          <p>{{ ftl('navigation-refresh-our-work') }}</p>
          <ul class="m24-mzp-l-content">
            <li>
              <section class="m24-c-menu-item">
                <a class="m24-c-menu-item-link" href="https://foundation.mozilla.org/?{{ utm_params }}" data-link-text="Mozilla Foundation" data-link-position="topnav - about">
                  <h2 class="m24-c-menu-item-title">{{ ftl('navigation-refresh-mozilla-foundation') }}</h2>
                </a>
              </section>
            </li>
            <li>
              <section class="m24-c-menu-item">
                <a class="m24-c-menu-item-link" href="https://www.mozilla.ai/?{{ utm_params }}" data-link-text="Mozilla.ai" data-link-position="topnav - about">
                  <h2 class="m24-c-menu-item-title">{{ ftl('navigation-refresh-mozilla-ai-v3') }}</h2>
                </a>
              </section>
            </li>
            <li>
              <section class="m24-c-menu-item">
                <a class="m24-c-menu-item-link" href="https://mozilla.vc/?{{ utm_params }}" data-link-text="Mozilla Ventures" data-link-position="topnav - about">
                  <h2 class="m24-c-menu-item-title">{{ ftl('navigation-refresh-mozilla-ventures-v2') }}</h2>
                </a>
              </section>
            </li>
            <li>
              <section class="m24-c-menu-item">
                <a class="m24-c-menu-item-link" href="{{ url('mozorg.advertising.landing') }}" data-link-text="Mozilla Ads" data-link-position="topnav - about">
                  <h2 class="m24-c-menu-item-title">{{ ftl('navigation-refresh-mozilla-advertising') }}</h2>
                </a>
              </section>
            </li>
            <li>
              <section class="m24-c-menu-item">
                <a class="m24-c-menu-item-link" href="https://builders.mozilla.org/?{{ utm_params }}" data-link-text="Mozilla Builders" data-link-position="topnav - about">
                  <h2 class="m24-c-menu-item-title">{{ ftl('navigation-refresh-mozilla-builders') }}</h2>
                </a>
              </section>
            </li>
            <li>
              <section class="m24-c-menu-item">
                <a class="m24-c-menu-item-link" href="https://newproducts.mozilla.org/?{{ utm_params }}" data-link-text="Mozilla New Products" data-link-position="topnav - about">
                  <h2 class="m24-c-menu-item-title">{{ ftl('navigation-refresh-mozilla-new-products') }}</h2>
                </a>
              </section>
            </li>
           </ul>
        </div>
       </div>
     </div><!-- close .m24-c-menu-panel-container -->
   </div><!-- close .m24-c-menu-panel -->
 </li><!-- close about us -->
